<template>
  <div class="main">
    <div class="lrc yahei">
      {{ currentLrc }}
    </div>
  </div>
</template>

<script>
import bus from "utils/bus.js";
export default {
  name: "Desklrc",
  data() {
    return {
      currentLrc: "",
    };
  },
  created() {
    bus.$on("lrcIsAct", (currentLrcStr) => {
      this.currentLrc = currentLrcStr;
    });
  },
};
</script>

<style scoped lang="less">
// div {
//   position: fixed;
//   bottom: 85px;
//   left: 800px;
//   padding: 6px 12px;
//   border-radius: 6px;
//   font-size: 18px;
//   background-color: rgba(255, 255, 255, 0.95);
//   color: lightseagreen;
// }
.main {
  position: fixed;
  bottom: 85px;
  width: 100%;
  height: 30px;

  display: flex;
  justify-content: center;
  .lrc {
    padding: 3px 12px;
    border-radius: 6px;
    font-size: 18px;
    background-color: rgba(255, 255, 255, 0.95);
    color: lightseagreen;
  }
}
</style>
